<template>
  <div id="app">
    <transition>
      <router-view v-if="isRouterAlive" />
    </transition>
  </div>
</template>
<script>
import axios from 'axios'
export default {
  name:'App',
  provide() {
    return {
      reload: this.reload
    };
  },
  data() {
    return {
      isRouterAlive: true
    };
  },

  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(function() {
        this.isRouterAlive = true;
      });
    }
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
} 
.router-link-active {
  text-decoration: none;
}
li{
  list-style: none;
}
input {
  border: none;
  outline: none;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  min-width: 1244px;
}
/* 表头颜色 */
.el-table tr {
  background-color: #f5f5f5;
}
.el-table th {
  background-color: #dfdfdf;
}
/* 表单hover颜色和选中颜色 */
.current-row td{
  background-color: rgb(157, 225, 246) !important;
}
.el-table__body tr:hover>td {
  background-color: rgb(193, 220, 254) !important;
}

</style>

